<ion-view view-title="商品评价一览" class="comment_seller">
	<ion-nav-bar ng-class="baseclass">
		<ion-nav-back-button></ion-nav-back-button>
	</ion-nav-bar>
	
	<ion-content class="bg">
		<div class="scorehead" ng-if="datasArr[0].discuss">
			<div class="scorestart">
				<span>产品描述</span>
				<img src="./img/guilin/comment/mark.icon@2x.png" class="scorestars{{goodsStarInt}}" />
				<span class="soceinfo">{{datasArr[0].total_score[0].point}}分(共{{datasArr[0].total_score[0].total}}人评分)</span>
			</div>
			<div class="scorestart">
				<span>服务态度</span>
				<img src="./img/guilin/comment/mark.icon@2x.png" class="scorestars{{serverStarInt}}" />
				<span class="soceinfo">{{datasArr[0].total_score[1].point}}分(共{{datasArr[0].total_score[1].total}}人评分)</span>
			</div>
			<div class="scorestart">
				<span>发货速度</span>
				<img src="./img/guilin/comment/mark.icon@2x.png" class="scorestars{{speedStarInt}}" />
				<span class="soceinfo">{{datasArr[0].total_score[2].point}}分(共{{datasArr[0].total_score[2].total}}人评分)</span>
			</div>
		</div>

		<div class="row top">
			<div class="col" on-tap="activeSlide(0)" ng-class="selectIndex==0?'top-activated':''">
				全部
			</div>
			<div class="col" on-tap="activeSlide(1)" ng-class="selectIndex==1?'top-activated':''">
				中评
			</div>
			<div class="col" on-tap="activeSlide(2)" ng-class="selectIndex==2?'top-activated':''">
				差评
			</div>
		</div>
		
		<ion-slide-box delegate-handle="tab-handle" on-slide-changed="slideChanged(index)" active-slide="tabIndex" show-pager="false" on-touch="onTouch()" on-release="onRelease()">
			<!------全部------>
			<ion-slide>
				<ion-scroll direction="y" ng-style="myObj" lazy-scroll>
					<!--描述：下拉刷新-->
					<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
					
					<!--没有数据-->
					<div class="noData" ng-if="firstHide&&datasArr[0].discuss.length==0">
						<img src="./img/guilin/other/icon_noComment@2x.png" />
						<div class="tip">暂时没有评价哦！</div>
					</div>
					
					<div class="margin-bottom-10" ng-repeat="order in datasArr[0].discuss" ng-init="parentIndex=$index">
						<div class="buyersinfo item-input">
							<img src="./img/guilin/other/icon_buyer@2x.png" class="buyersimg" />
							<span class="buyersname">{{order.author}}</span>
							<span class="buyersorder">订单号：{{order.order_id}}</span>
						</div>
						<div class="item shopbg">
							<div class="evaluateinfoframe">
								<img src="./img/guilin/comment/comment_good@2x.png" class="shopevaluateimg" ng-if="order.point==5" />
								<img src="./img/guilin/comment/comment_middle@2x.png" class="shopevaluateimg" ng-if="order.point==3" />
								<img src="./img/guilin/comment/comment_bad@2x.png" class="shopevaluateimg" ng-if="order.point==1" />
								<span class="shopevaluatetext" ng-if="order.point==5">好评</span>
								<span class="shopevaluatetext" ng-if="order.point==3">中评</span>
								<span class="shopevaluatetext" ng-if="order.point==1">差评</span>
							</div>

							<div on-tap="onshow_detail(order.goods_id)">
								<img src="{{order.goods_image}}" class="shopimg" />
								<div class="item shopframe">
									<p class="shoptitle">{{order.goods_name}}</p>
								</div>
							</div>
						</div>
						
						<!--****初评*****-->
						<div class="item evaluateframe">
							<span class="evaluatetext">初评</span>
							<span class="evaluatetime">{{order.time}}</span>
							<p class="evaluateinfo">{{order.comment}}</p>
							<div class="showimg padding-0">
								<!--晒图，最多4张-->
								<div class="showimgdiv" ng-class="(order.image&&order.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in order.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>
							<span class="evaluatesee" on-tap="showAnswer(false,$index)" ng-if="order.answer.length>0">查看回复
								<img src="{{order.showAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in order.answer" ng-if="order.showAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
						</div>
						<!--ng-if="!order.showReplyInput&&order.answer.length==0&&!order.addition" -->
						<div class="item evaluateframe" ng-if="!order.showReplyInput" on-tap="showReplyInput(false,$index)">
							<p class="replybtn">回复</p>
						</div>
						<div class="item evaluateframe showmsg" ng-if="order.showReplyInput"><!---ng-if="is_showbtnreply[$index]"-->
							<div class="replybtninfoframe">
								<div class="textareaframe">
									<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
								</div>
								<div class="btnframe">
									<p class="btns" on-tap="showReplyInput(false,$index)">取消</p>
									<p class="btns" on-tap="answer(order.id)">确定</p>
								</div>
							</div>
						</div>
						
						<!--***追评****-->
						<div class="item evaluateframe" ng-repeat="addition in order.addition">
							<span class="evaluatetext">追评</span>
							<span class="evaluatetime">{{addition.time}}</span>
							<p class="chaseinfo">{{addition.comment}}</p>
							<!--晒图，最多4张-->
							<div class="showimg padding-0">
								<div class="showimgdiv" ng-class="(addition.image&&addition.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in addition.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>	
							<span class="evaluatesee" on-tap="showAnswer(true,parentIndex)" ng-if="addition.answer.length>0">查看回复
								<img src="{{order.showAddAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in addition.answer" ng-if="order.showAddAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
							<!--&&addition.answer.length==0-->
							<div class="item evaluateframe1" ng-if="!order.showAddReplyInput" on-tap="showReplyInput(true,parentIndex)">
								<p class="replybtn">回复</p>
							</div>
							<div class="item evaluateframe1 showmsg" ng-if="order.showAddReplyInput">
								<div class="replybtninfoframe">
									<div class="textareaframe">
										<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
									</div>
									<div class="btnframe">
										<p class="btns" on-tap="showReplyInput(true,parentIndex)">取消</p>
										<p class="btns" on-tap="answer(addition.id)">确定</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--描述：当用户到达页脚或页脚附近时-->
					<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
				</ion-scroll>
			</ion-slide>
			
			
			<!--中评-->
			<ion-slide>
				<ion-scroll direction="y" ng-style="myObj" lazy-scroll>
					<!--描述：下拉刷新-->
					<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
					
					<!--没有数据-->
					<div class="noData" ng-if="firstHide&&datasArr[1].discuss.length==0">
						<img src="./img/guilin/other/icon_noComment@2x.png" />
						<div class="tip">暂时没有中评哦！</div>
					</div>
					
					<div class="margin-bottom-10" ng-repeat="order in datasArr[1].discuss" ng-init="parentIndex=$index">
						<div class="buyersinfo item-input">
							<img src="./img/guilin/other/icon_buyer@2x.png" class="buyersimg" />
							<span class="buyersname">{{order.author}}</span>
							<span class="buyersorder">订单号：{{order.order_id}}</span>
						</div>
						<div class="item shopbg">
							<div class="evaluateinfoframe">
								<img src="./img/guilin/comment/comment_good@2x.png" class="shopevaluateimg" ng-if="order.point==5" />
								<img src="./img/guilin/comment/comment_middle@2x.png" class="shopevaluateimg" ng-if="order.point==3" />
								<img src="./img/guilin/comment/comment_bad@2x.png" class="shopevaluateimg" ng-if="order.point==1" />
								<span class="shopevaluatetext" ng-if="order.point==5">好评</span>
								<span class="shopevaluatetext" ng-if="order.point==3">中评</span>
								<span class="shopevaluatetext" ng-if="order.point==1">差评</span>
							</div>

							<div on-tap="onshow_detail(order.goods_id)">
								<img src="{{order.goods_image}}" class="shopimg" />
								<div class="item shopframe">
									<p class="shoptitle">{{order.goods_name}}</p>
								</div>
							</div>
						</div>
						
						<!--****初评*****-->
						<div class="item evaluateframe">
							<span class="evaluatetext">初评</span>
							<span class="evaluatetime">{{order.time}}</span>
							<p class="evaluateinfo">{{order.comment}}</p>
							<div class="showimg padding-0">
								<!--晒图，最多4张-->
								<div class="showimgdiv" ng-class="(order.image&&order.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in order.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>
							<span class="evaluatesee" on-tap="showAnswer(false,$index)" ng-if="order.answer.length>0">查看回复
								<img src="{{order.showAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in order.answer" ng-if="order.showAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
						</div>
						<div class="item evaluateframe" ng-if="!order.showReplyInput" on-tap="showReplyInput(false,$index)">
							<p class="replybtn">回复</p>
						</div>
						<div class="item evaluateframe showmsg" ng-if="order.showReplyInput"><!---ng-if="is_showbtnreply[$index]"-->
							<div class="replybtninfoframe">
								<div class="textareaframe">
									<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
								</div>
								<div class="btnframe">
									<p class="btns" on-tap="showReplyInput(false,$index)">取消</p>
									<p class="btns" on-tap="answer(order.id)">确定</p>
								</div>
							</div>
						</div>
						
						<!--***追评****-->
						<div class="item evaluateframe" ng-repeat="addition in order.addition">
							<span class="evaluatetext">追评</span>
							<span class="evaluatetime">{{addition.time}}</span>
							<p class="chaseinfo">{{addition.comment}}</p>
							<!--晒图，最多4张-->
							<div class="showimg padding-0">
								<div class="showimgdiv" ng-class="(addition.image&&addition.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in addition.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>
							<span class="evaluatesee" on-tap="showAnswer(true,parentIndex)" ng-if="addition.answer.length>0">查看回复
								<img src="{{order.showAddAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in addition.answer" ng-if="order.showAddAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
							<div class="item evaluateframe1" ng-if="!order.showAddReplyInput" on-tap="showReplyInput(true,parentIndex)">
								<p class="replybtn">回复</p>
							</div>
							<div class="item evaluateframe1 showmsg" ng-if="order.showAddReplyInput">
								<div class="replybtninfoframe">
									<div class="textareaframe">
										<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
									</div>
									<div class="btnframe">
										<p class="btns" on-tap="showReplyInput(true,parentIndex)">取消</p>
										<p class="btns" on-tap="answer(addition.id)">确定</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--描述：当用户到达页脚或页脚附近时-->
					<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
				</ion-scroll>
			</ion-slide>
			
			
			<!--差评-->
			<ion-slide>
				<ion-scroll direction="y" ng-style="myObj" lazy-scroll>
					<!--描述：下拉刷新-->
					<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
					
					<!--没有数据-->
					<div class="noData" ng-if="firstHide&&datasArr[2].discuss.length==0">
						<img src="./img/guilin/other/icon_noComment@2x.png" />
						<div class="tip">暂时没有差评哦！</div>
					</div>
					
					<div class="margin-bottom-10" ng-repeat="order in datasArr[2].discuss" ng-init="parentIndex=$index">
						<div class="buyersinfo item-input">
							<img src="./img/guilin/other/icon_buyer@2x.png" class="buyersimg" />
							<span class="buyersname">{{order.author}}</span>
							<span class="buyersorder">订单号：{{order.order_id}}</span>
						</div>
						<div class="item shopbg">
							<div class="evaluateinfoframe">
								<img src="./img/guilin/comment/comment_good@2x.png" class="shopevaluateimg" ng-if="order.point==5" />
								<img src="./img/guilin/comment/comment_middle@2x.png" class="shopevaluateimg" ng-if="order.point==3" />
								<img src="./img/guilin/comment/comment_bad@2x.png" class="shopevaluateimg" ng-if="order.point==1" />
								<span class="shopevaluatetext" ng-if="order.point==5">好评</span>
								<span class="shopevaluatetext" ng-if="order.point==3">中评</span>
								<span class="shopevaluatetext" ng-if="order.point==1">差评</span>
							</div>

							<div on-tap="onshow_detail(order.goods_id)">
								<img src="{{order.goods_image}}" class="shopimg" />
								<div class="item shopframe">
									<p class="shoptitle">{{order.goods_name}}</p>
								</div>
							</div>
						</div>
						
						<!--****初评*****-->
						<div class="item evaluateframe">
							<span class="evaluatetext">初评</span>
							<span class="evaluatetime">{{order.time}}</span>
							<p class="evaluateinfo">{{order.comment}}</p>
							<div class="showimg padding-0">
								<!--晒图，最多4张-->
								<div class="showimgdiv" ng-class="(order.image&&order.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in order.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>
							<span class="evaluatesee" on-tap="showAnswer(false,$index)" ng-if="order.answer.length>0">查看回复
								<img src="{{order.showAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in order.answer" ng-if="order.showAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
						</div>
						<div class="item evaluateframe" ng-if="!order.showReplyInput" on-tap="showReplyInput(false,$index)">
							<p class="replybtn">回复</p>
						</div>
						<div class="item evaluateframe showmsg" ng-if="order.showReplyInput">
							<div class="replybtninfoframe">
								<div class="textareaframe">
									<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
								</div>
								<div class="btnframe">
									<p class="btns" on-tap="showReplyInput(false,$index)">取消</p>
									<p class="btns" on-tap="answer(order.id)">确定</p>
								</div>
							</div>
						</div>
						
						<!--***追评****-->
						<div class="item evaluateframe" ng-repeat="addition in order.addition">
							<span class="evaluatetext">追评</span>
							<span class="evaluatetime">{{addition.time}}</span>
							<p class="chaseinfo">{{addition.comment}}</p>
							<!--晒图，最多4张-->
							<div class="showimg padding-0">
								<div class="showimgdiv" ng-class="(addition.image&&addition.answer.length>0)?'margin-bottom-10':''" ng-repeat="img in addition.image track by $index" on-tap="showBigImg(img)">
									<img src="{{img}}"/>
								</div>
							</div>
							<span class="evaluatesee" on-tap="showAnswer(true,parentIndex)" ng-if="addition.answer.length>0">查看回复
								<img src="{{order.showAddAnswer?'./img/guilin/common/icon_up@2x.png':'./img/guilin/common/icon_down@2x.png'}}" />
							</span>
							<div class="item storereplyframe otherComs" ng-repeat="answer in addition.answer" ng-if="order.showAddAnswer">
								<span class="storereplytext">店家回复</span>
								<span class="storereplytime">{{answer.time}}</span>
								<p class="storereplyinfo">{{answer.comment}}</p>
							</div>
							<div class="item evaluateframe1" ng-if="!order.showAddReplyInput" on-tap="showReplyInput(true,parentIndex)">
								<p class="replybtn">回复</p>
							</div>
							<div class="item evaluateframe1 showmsg" ng-if="order.showAddReplyInput">
								<div class="replybtninfoframe">
									<div class="textareaframe">
										<textarea rows="3" placeholder="请输入内容最多1000字" ng-model="input.answer"></textarea>
									</div>
									<div class="btnframe">
										<p class="btns" on-tap="showReplyInput(true,parentIndex)">取消</p>
										<p class="btns" on-tap="answer(addition.id)">确定</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--描述：当用户到达页脚或页脚附近时-->
					<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
				</ion-scroll>
			</ion-slide>
			
		</ion-slide-box>
	</ion-content>
</ion-view>